<template>
  <div class="base page-index has-search-tab">
<!--头部导航栏-->
  <Header></Header>
    <!--搜索面板-->
    <div class="search-panel">
      <div class="search-panel-content">
        <!--标题-->
        <div class="slogan">
          <span class="slogan-left">免费查企业</span>
          <span class="slogan-right">就上爱企查</span>
        </div>
        <!--搜索框-->
        <div class="index-search">
          <!--三个选择-->
          <div class="index-search-type">
            <!--查企业-->
            <span class="buss-name cur">
                    查企业
                    <ins></ins>
                  </span>
            <span class="buss-space">  </span>
            <!--查老板-->
            <span class="buss-name">
                       查老板
                    <ins></ins>
                  </span>
            <span class="buss-space"></span>
            <!--查关系-->
            <span class="buss-name">
                       查关系
                    <ins></ins>
                  </span>
            <span class="buss-space"></span>
          </div>
          <!--输入框-->
          <div class="index-search-input" style="">
            <div class="ivu-auto-complete input-auto-complete ivu-select ivu-select-single ivu-select-default">
              <div tabindex="-1" style="height: 62px;width: 730px;">
                <div class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type-text">
                  <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                  <input id="aqc-search-input" v-model="title" spellcheck="false" type="text"
                         placeholder="请输入企业名称、公司创始人姓名等关键词。如“阿里”" class="ivu-input ivu-input-default">
                </div>
              </div>
            </div>
            <!--按钮-->
            <button class="search-btn" @click="toSearch()">
              查一下
            </button>
          </div>
        </div>
        <!--热搜-->
        <div class="hot-topic">
          <div class="hot-topic-title">
            <img src="../assets/search.png" alt=""></div>
          <div class="list">
            <div class="list-item">
              <a href="" class="list-item-text">周震南父亲公司被罚</a>
              <i class="hot-tag hot-tag"></i>
            </div>
            <div class="list-item">
              <a href="#" target="_blank" class="list-item-text">安踏鞋采购副总监被刑拘</a><!---->
            </div>
            <div class="list-item">
              <a href="#" target="_blank" class="list-item-text">腾讯或实行965工作制</a><!---->
            </div>
            <div class="list-item">
              <a href="#" target="_blank" class="list-item-text">奈雪的茶售过期蛋糕被罚</a><!---->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--conte-->
    <div class="aqc-content-wrapper has-footer" >
      <!--六个功能-->
      <div class="content-A">
        <!--标签页-->
        <div class="trade-mark">
          <div class="trade-wrap">
            <!--查老赖-->
            <div class="item">
              <a href="maintain" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/discredit.png" class="logo">
                <div class="text-wrap">查老赖
                </div>
              </a>
            </div>
            <!--查商标-->
            <div class="item">
              <a href="maintain" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/mark.png" class="logo">
                <div class="text-wrap">
                  查商标
                </div>
              </a></div>
            <!--番番寻客宝-->
            <div class="item">
              <a href="maintain" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/ffxkb.png" class="logo">
                <div class="text-wrap">
                  番番寻客宝
                </div>
              </a></div>
            <!--批量查询-->
            <div class="item">
              <a href="maintain" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/batchquery.png" class="logo">
                <div data-v-5c1c1560="" class="text-wrap">
                  批量查询
                </div>
              </a></div>
            <!--地图查询-->
            <div class="item">
              <a href="/maps" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/map.png" class="logo">
                <div class="text-wrap">
                  地图查询
                </div>
              </a></div>
            <!--高级搜索-->
            <div class="item">
              <div class="new-label icon-new"></div>
              <a href="maintain" class="content">
                <img src="https://xinpub.cdn.bcebos.com/aiqicha/cplace/advancesearch.png" class="logo">
                <div class="text-wrap">
                  高级搜索
                </div>
              </a>
            </div>
          </div>
        </div>
        <!--轮播图-->
        <div  class="banner ivu-carousel">

        </div>
        <!--行业热点新闻-->
        <div class="industry-news">
            <h3>
              行业热点新闻
              <a href="https://aiqicha.baidu.com/yuqing/latestlyricallist" target="_blank">
                查看全部
              </a>
            </h3>
            <div class="left">
              <div class="news-view">
                <div class="img-wrap">
                  <img  src="../assets/gg2.png" />
                </div>
                <div class="text-wrap">
                  <p class="title">
                    朋友圈都在听网易云，赚钱的却是QQ音乐
                  </p>
                  <div class="sub-title">
                    <span class="origin">
                      36氪
                      <span data-v-3009afb8="" class="gap">|</span>浏览206次</span>
                    <span  class="relative-company">
                      <label data-v-3009afb8="">相关企业：</label>
                      <span>深圳市腾讯计算机系统有限公司</span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="right"  >
              <div data-v-6dea9654="" class="right">
                <div data-v-0769755a="" data-v-6dea9654="" class="news-list" v-for="item in tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)">
                  <div data-v-0769755a="" data-log-an="news-list" data-log-idx="0" data-log-title="字节跳动要把抖音打造成为一个“超级应用”？" class="item">
                    <div data-v-0769755a="" class="item-img">
                      <div data-v-0769755a="" class="item-day">{{item.id}}</div>
                      <div data-v-0769755a="" class="item-year-month">
                        {{item.newsTime}}
                      </div>
                    </div>
                    <div data-v-0769755a="" class="item-text-wrap">
                      <div data-v-0769755a="" class="title" @click="toConsult(item.id)">
                        {{item.newHead}}
                      </div>
                      <div data-v-3009afb8="" data-v-0769755a="" class="sub-title"><span data-v-3009afb8=""
                                                                                         class="origin"><span
                        data-v-3009afb8="" class="gap"></span>浏览{{item.memo}}次</span><span data-v-3009afb8=""
                                                                                   class="relative-company"><label
                        data-v-3009afb8="">相关企业：</label><span data-v-3009afb8="">{{item.name}}</span></span></div>
                    </div>
                  </div>
                </div>
              </div>
              <!--分页-->
              <div class="pag" style="float: right;margin-right: 66px">
                <el-pagination
                  background
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  :current-page="currentPage"
                  :page-size="pageSize"
                  layout="total, prev, pager, next"
                  :total="tableData.length"
                ></el-pagination>
              </div>

            </div>
        </div>



      </div>
      <div class="warp classification-warp">
      </div>
      <div class="record-services-data"></div>
    </div>
   <!--页脚-->
    <Footer></Footer>

  </div>

</template>

<script>
  import Footer from "../components/Footer";
  import Header from "../components/Header";
  export default {
    name: "Index",
    data(){
      return{
        title:'',
        currentPage: 1, //初始页
        pageSize: 4, //    每页的数据
        tableData: [{}] /*查询所有用户*/,
      }
    },
    components:{
      Footer,
      Header
    },
    methods:{
      toConsult(id){
        this.$router.push({ name: 'Consult', params: { id: id }});
      },
      // 初始页currentPage、初始每页数据数pagesize和数据data
      handleSizeChange: function(size) {
        this.pagesize = size;
        console.log(this.pagesize); //每页下拉显示数据
      },
      handleCurrentChange: function(currentPage) {
        this.currentPage = currentPage;
        console.log(this.currentPage); //点击第几页
      },

      toSearch(){
        this.$router.push({ name: 'Search', params: { title: this.title }});
      },

      /*查询所有的资讯*/
      findAll() {
        let _this = this;
        this.$axios
          .get('http://localhost:8087/news/selectNews')
          .then(function(res) {
            _this.tableData = res.data;
            console.log(res.data);
          })
          .catch(function(err) {
            alert('查询失败');
          });
      },
    },
    mounted() {
      this.findAll()
    }
  }
</script>

<style scoped>
  .search-panel {
    width: 100%;
    height: 335px;
    padding-top: 140px;
    background-image: url(../assets/index-head-bg.b0229f0.png);
    background-color: #2972fa;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header.transparent {
    background: transparent;
    box-shadow: none;
    color: #fff;
  }

  .header {
    width: 100%;
    height: 74px;
    background: #fff;
    position: absolute ;
    top: 0;
    z-index: 999;
    color: #333;
    box-shadow: 0 0 5px #ddd;
  }

  .header-content {
    width: 1200px;
    margin: 0 auto 0 calc(50vw - 605px);
  }

  .header.transparent .header-img {
    background-image: url(../assets/logo.png);
  }

  .header-img {
    float: left;
    width: 131px;
    height: 42px;
    margin-top: 16px;
    background: url(../assets/logo@2x.980bad0.png) no-repeat 50%;
    background-image: -webkit-image-set(url(../assets/logo@2x.980bad01.png) 2x);
    background-size: contain;
    cursor: pointer;
  }

  .header.transparent .header-func {
    margin-top: 0;
  }

  .compservice, .header-user-center, .line, .login, .register {
    float: left;
    margin-top: 27px;
  }

  a, a:hover {
    text-decoration: none;
  }

  a {
    outline: none;
  }

  a {
    color: #333;
    background: transparent;
    cursor: pointer;
    transition: color .1s ease;
  }

  .header.transparent a {
    color: #fff;
  }

  .header-func {
    float: right;
    margin-top: 13px;
  }

  .line {
    width: 2px;
    height: 10px;
    background: #ccc;
    margin: 33px 10px 0;
  }

  .header-compservice-wrap, .header-login {
    float: right;
    font-size: 14px;
  }

  .header-mall {
    float: right;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    font-weight: inherit;
  }

  .header-mall-link {
    float: left;
    margin-top: 27px;
  }

  .header-vip {
    float: right;
  }

  .header-vip img {
    float: left;
    margin-top: 30px;
    height: 14px;
    cursor: pointer;
  }

  .head-menus {
    float: right;
  }

  .head-menus .head-menus-poptip {
    float: left;
  }

  .ivu-poptip, .ivu-poptip-rel {
    display: inline-block;
  }

  .ivu-poptip-rel {
    position: relative;
  }

  .head-menus .head-menus-title {
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-top: 25px;
    cursor: pointer;
  }

  .search-panel-content {
    width: 1200px;
    margin: 0 auto;
  }

  .search-panel .slogan {
    font-family: PingFangSC-Semibold;
    font-size: 56px;
    color: #fff;
    letter-spacing: .3px;
    text-align: center;
    line-height: 56px;
  }

  .slogan-left {
    margin-right: 20px;
  }

  .slogan-right {
    margin-left: 20px;
  }

  .search-panel .index-search {
    width: 867px;
    margin: 65px auto 0;
  }

  .index-search-type {
    margin-bottom: 13px;
    text-align: center;
  }

  .index-search-type .buss-name:hover {
    background: #fff;
    color: #2972f9;
    font-weight: 700;
  }

  .index-search-type .buss-name {

    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    margin-right: 40px;
  }

  .index-search-input {
    position: relative;
    margin: 0 auto;
  }

  .index-search-input .ivu-select {
    position: relative;
    width: 726px;
  }

  .ivu-select {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    line-height: normal;
  }

  .ivu-select, .ivu-select-selection {
    -webkit-box-sizing: border-box;
  }

  .ivu-modal-confirm-body, .ivu-select {
    color: #515a6e;
  }

  .ivu-auto-complete:focus, .ivu-auto-complete div {
    outline: none;
  }

  .ivu-auto-complete:focus, .ivu-auto-complete div {
    outline: 0;
  }

  .ivu-input-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
    line-height: normal;
  }

  .index-search-input .ivu-input {
    padding: 15px 20px;
    height: 33px;
    line-height: 30px;
    font-size: 16px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border: none;
    outline: none;
  }

  .ivu-input {
    display: inline-block;
    width: 690px; /*输入框*/
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #333;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .1s ease-in-out, background .1s ease-in-out, box-shadow .1s ease-in-out;
  }

  .ivu-input {
    border: 1px solid #dcdee2;
    border-radius: 4px;
    color: #515a6e;
    -webkit-transition: border .2s ease-in-out, background .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;

    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  }

  button, html, input, select, textarea {
    font: 14px PingFang SC, Microsoft Yahei, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .index-search-input .search-btn {
    width: 122px;
    height: 65px;
    background: #ff952c;
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 1.4px;
  }

  .hot-topic {
    width: 867px;
    margin: 24px auto 0;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    text-align: justify;
    line-height: 14px;
  }

  .hot-topic .hot-topic-title {
    display: inline-block;
    width: 38px;
    height: 14px;
  }

  .hot-topic .hot-topic-title img {
    width: 100%;
    height: 100%;
  }

  img {
    border-style: none;
  }

  .hot-topic .list {
    display: inline-block;
    width: 790px;
    overflow: hidden;
    height: 15px;
    line-height: 15px;
    vertical-align: top;
  }

  .hot-topic .list .list-item:first-of-type {
    margin-left: 12px;
  }

  .hot-topic .list .list-item {
    margin-left: 24px;
    float: left;
  }

  .hot-topic .list .list-item .list-item-text {
    display: inline-block;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .hot-topic .list a {
    cursor: pointer;
    color: #fff;
    opacity: .94;
  }

  a, a:hover {
    text-decoration: none;
  }

  a {
    outline: none;
  }

  a {
    color: #333;
    background: transparent;
    cursor: pointer;
    transition: color .1s ease;
  }

  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  a {
    color: #2d8cf0;
    background: 0 0;
    outline: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
  }

  .hot-tag {
    margin-left: 4px;
  }

  .hot-tag {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
    background: url(../assets/hot.png) no-repeat 50%;
    background-image: -webkit-image-set(url(../assets/hot.png) 1x, url(../assets/hot.png) 2x);
    background-size: contain;
  }

  /*六个功能*/
  .aqc-content-wrapper[data-v-e69431de] {
    padding-bottom: 295px;
  }

  .content-A {
    width: 1300px;
    margin: 0 auto;
  }

  .trade-wrap .item {
    display: inline-block;
    width: 200px;
    height: 123px;
    position: relative;
  }

  .trade-wrap .item .content {
    display: block;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
  }
  a, a:hover {
    text-decoration: none;
  }
  a {
    outline: none;
  }
  a {
    color: #333;
    background: transparent;
    cursor: pointer;
    transition: color .1s ease;
  }
  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }
  a {
    color: #2d8cf0;
    background: 0 0;
    outline: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
  }

  .trade-wrap .item .content .logo {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }
  img {
    border-style: none;
  }

  .trade-wrap .item .content .text-wrap {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 22px;
    margin-top: 6px;
  }

  .trade-wrap .item:not(:last-child):before {
    content: "";
    display: block;
    width: 1px;
    height: 58px;
    background: #f5f5f5;
    position: absolute;
    right: 0;
    top: 34px;
  }

  .trade-wrap .item:after {
    content: "";
    display: block;
    width: 177px;
    height: 1px;
    background: #f5f5f5;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  /*footer*/
  .footer[data-v-05f63236] {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #141a25;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
  }

  .footer-content[data-v-05f63236] {
    overflow: hidden;
    min-width: 1200px;
    box-sizing: border-box;
    padding: 48px 0 24px;
    width: 1200px;
    margin: 0 auto;
  }
  .footer-content[data-v-05f63236] {
    overflow: hidden;
    min-width: 1200px;
    box-sizing: border-box;
    padding: 48px 0 24px;
    width: 1200px;
    margin: 0 auto;
  }

  .title[data-v-05f63236] {
    opacity: 1;
    margin-bottom: 24px;
  }

  .box p[data-v-05f63236] {
    opacity: .6;
  }

  .box a[data-v-05f63236] {
    color: #fff;
    margin: 0 32px 24px 0;
    display: inline-block;
  }
  a, a:hover {
    text-decoration: none;
  }
  a {
    outline: none;
  }
  a {
    color: #333;
    background: transparent;
    cursor: pointer;
    transition: color .1s ease;
  }
  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }
  a {
    color: #2d8cf0;
    background: 0 0;
    outline: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
  }

  .box[data-v-05f63236] {
    width: 33%;
    float: left;
    overflow: hidden;
  }

  .title[data-v-05f63236] {
    opacity: 1;
    margin-bottom: 24px;
  }

  .box p[data-v-05f63236] {
    opacity: .6;
  }
  .content[data-v-05f63236] {
    margin-bottom: 14px;
  }

  .box p[data-v-05f63236] {
    opacity: .6;
  }
  .content[data-v-05f63236] {
    margin-bottom: 14px;
  }

  .icon.icon-cooperation[data-v-05f63236] {
    vertical-align: -3px;
    color: hsla(0,0%,100%,.7);
    font-size: 16px;
    margin-right: 10px;
  }
  .icon[data-v-05f63236] {
    vertical-align: -4px;
    margin-right: 8px;
  }
  [class*=" icon-"], [class^=icon-] {
    font-family: icomoon!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .box[data-v-05f63236] {
    width: 33%;
    float: left;
    overflow: hidden;
  }

  .title[data-v-05f63236] {
    opacity: 1;
    margin-bottom: 24px;
  }

  .box p[data-v-05f63236] {
    opacity: .6;
  }
  .content[data-v-05f63236] {
    margin-bottom: 14px;
  }

  .content span[data-v-05f63236] {
    margin-right: 24px;
  }
  .content span[data-v-05f63236] {
    margin-right: 24px;
  }

  .tip[data-v-05f63236] {
    opacity: .4;
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid hsla(0,0%,100%,.4);
    padding: 24px 0;
    text-align: center;
  }

  .tip a[data-v-05f63236] {
    color: #fff;
  }

  /*新闻*/
  .industry-news {
    height: 600px;
    width: 100%;
    overflow: hidden;
  }

  .industry-news>h3 {
    font-size: 24px;
    font-weight: 400;
    color: #2b2c2f;
    margin-top: 15px;
    margin-bottom: 24px;
    position: relative;
  }

  .industry-news>h3>a {
    width: 80px;
    position: absolute;
    right: 0;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    color: #65656a;
    line-height: 1;
  }

  /*left*/
  .industry-news .left {
    float: left;
  }

  .news-view .img-wrap {
    width: 580px;
    height: 286px;
    position: relative;
    overflow: hidden;
  }
  .news-view .img-wrap .img {
    width: 580px;
    height: 300px;
    /*background-size: cover;*/
    /*background-position: 50%;*/
    /*background-repeat: no-repeat;*/
    /*transition: all .8s;*/
  }

  .news-view .img-wrap .date {
    width: 78px;
    height: 62px;
    background: #0752d9;
    border-radius: 3px 0 3px 0;
    padding-top: 7px;
    padding-bottom: 7px;
    position: absolute;
    top: 0;
  }

  .news-view .img-wrap .date {
    width: 78px;
    height: 62px;
    background: #0752d9;
    border-radius: 3px 0 3px 0;
    padding-top: 7px;
    padding-bottom: 7px;
    position: absolute;
    top: 0;
  }

  .news-view .img-wrap .date .year-month {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #fff;
  }

  .news-view .text-wrap {
    margin-top: 24px;
    line-height: 1;
  }

  .news-view .text-wrap .title {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #2b2c2f;
    width: 580px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .news-view .text-wrap .sub-title {
    margin-top: 16px;
    font-family: PingFangSC-Light;
  }

  .sub-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    font-family: PingFangSC-Light;
  }

  .sub-title .origin {
    font-size: 14px;
    color: #9d9fa6;
  }

  .sub-title .origin .gap {
    margin: 0 6px;
  }

  .sub-title .relative-company {
    margin-left: 32px;
  }

  /*right*/

  .industry-news .right[data-v-6dea9654] {
    height: 420px;
    margin-left: 29px;
    float: left;
  }
  .news-list .item[data-v-0769755a]:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .news-list .item[data-v-0769755a] {
    overflow: hidden;
    padding-bottom: 16px;
  }

  .news-list .item[data-v-0769755a]:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .news-list .item[data-v-0769755a] {
    overflow: hidden;
    padding-bottom: 16px;
  }
  .news-list .item .item-img[data-v-0769755a] {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #f2f6f8;
    border-radius: 4px;
    float: left;
  }

  .news-list .item .item-img .item-day[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 34px;
    color: #bec2cc;
    line-height: 34px;
  }

  .news-list .item .item-img .item-year-month[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #bec2cc;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }

  .sub-title .origin[data-v-3009afb8] {
    font-size: 14px;
    color: #9d9fa6;
  }

  .sub-title .origin .gap[data-v-3009afb8] {
    margin: 0 6px;
  }

  .sub-title .relative-company[data-v-3009afb8] {
    margin-left: 32px;
  }

  /*极兔*/
  .news-list .item[data-v-0769755a]:not(:first-child) {
    margin-top: 15px;
  }
  .news-list .item[data-v-0769755a]:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .news-list .item[data-v-0769755a] {
    overflow: hidden;
    padding-bottom: 16px;
  }

  .news-list .item .item-img[data-v-0769755a] {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #f2f6f8;
    border-radius: 4px;
    float: left;
  }

  .news-list .item .item-img .item-day[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 34px;
    color: #bec2cc;
    line-height: 34px;
  }

  .news-list .item .item-img .item-year-month[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #bec2cc;
  }

  .news-list .item .item-text-wrap[data-v-0769755a] {
    float: left;
    margin-left: 16px;
    width: 505px;
    cursor: pointer;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }

  .sub-title .origin[data-v-3009afb8] {
    font-size: 14px;
    color: #9d9fa6;
  }

  .sub-title .origin .gap[data-v-3009afb8] {
    margin: 0 6px;
  }

  .sub-title .origin .gap[data-v-3009afb8] {
    margin: 0 6px;
  }

  /*云南白药*/
  .news-list .item[data-v-0769755a]:not(:first-child) {
    margin-top: 15px;
  }
  .news-list .item[data-v-0769755a]:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
  }
  .news-list .item[data-v-0769755a] {
    overflow: hidden;
    padding-bottom: 16px;
  }

  .news-list .item .item-img[data-v-0769755a] {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #f2f6f8;
    border-radius: 4px;
    float: left;
  }

  .news-list .item .item-img .item-day[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 34px;
    color: #bec2cc;
    line-height: 34px;
  }

  .news-list .item .item-img .item-year-month[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #bec2cc;
  }

  .news-list .item .item-text-wrap[data-v-0769755a] {
    float: left;
    margin-left: 16px;
    width: 505px;
    cursor: pointer;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }

  .sub-title[data-v-3009afb8] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    font-family: PingFangSC-Light;
  }

  .sub-title .origin[data-v-3009afb8] {
    font-size: 14px;
    color: #9d9fa6;
  }

  .sub-title .relative-company[data-v-3009afb8] {
    margin-left: 32px;
  }

  .sub-title .origin .gap[data-v-3009afb8] {
    margin: 0 6px;
  }

  /*40亿*/
  .news-list .item[data-v-0769755a]:not(:first-child) {
    margin-top: 15px;
  }
  .news-list .item[data-v-0769755a] {
    overflow: hidden;
    padding-bottom: 16px;
  }

  .news-list .item .item-img[data-v-0769755a] {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #f2f6f8;
    border-radius: 4px;
    float: left;
  }

  .news-list .item .item-img .item-day[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 34px;
    color: #bec2cc;
    line-height: 34px;
  }

  .news-list .item .item-img .item-year-month[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #bec2cc;
  }

  .news-list .item .item-img .item-year-month[data-v-0769755a] {
    text-align: center;
    font-family: DINAlternate-Bold;
    font-size: 12px;
    color: #bec2cc;
  }

  .news-list .item .item-text-wrap .title[data-v-0769755a] {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #2b2c2f;
    height: 52px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
  }


  .news-list .item .item-text-wrap .title[data-v-0769755a]:hover {
    color: #2972fa;
  }

  .sub-title[data-v-3009afb8] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    font-family: PingFangSC-Light;
  }

  .sub-title .origin .gap[data-v-3009afb8] {
    margin: 0 6px;
  }

  .sub-title .origin[data-v-3009afb8] {
    font-size: 14px;
    color: #9d9fa6;
  }

  .sub-title .relative-company[data-v-3009afb8] {
    margin-left: 32px;
  }
  /*轮播图*/


</style>
